<!--<ul class="nav nav-tabs">-->
<!--<li ng-repeat="file in vm.files" ng-class="{active:vm.isActive(file)}">-->
<!--<a href="javascript:;" ng-click="vm.setActive(file)">{{file.name}}</a>-->
<!--</li>-->
<!--</ul>-->
<style type="text/css">
h4.source.sub-title {
    padding-bottom: 6px;
    padding-top: 4px;
    border-bottom: 1px dashed #e5e5e5;
    margin: 30px 0 15px;
}

.source.layout-table {
    width: 100%;
    table-layout: fixed;
    margin: 0 0 25px;
}

.source.layout-table tr {
    border-bottom: 1px dashed #e5e5e5;
}

.source.layout-table th {
    width: 6em;
    padding: 6px 0;
}

.source.layout-table .active {
    font-weight: bolder;
}

.source.tab-panel [hljs] pre {
    margin-top: 15px;
}
</style>
<link rel="stylesheet" ng-href="{{APP_BASE_PATH}}../../lib/highlightjs/8.8.0/styles/{{hlcsstype}}.css" />
<div>
    <h4 class="source sub-title">源代码</h4>
    <table class="source layout-table">
        <tr>
            <th>基础目录</th>
            <td>
                <span>{{basePath}}</span>
            </td>
        </tr>
        <tr>
            <th>源码路径</th>
            <td>
                <br/>
                <div class="row" ng-repeat="files in fileGroups">
                    <div ng-repeat="file in files"><span ng-class="{active: isActive(file)}">{{file.url}}</span></div>
                    <br/>
                </div>
            </td>
        </tr>
    </table>
    <div class="row">
        <div class="col-md-9">
            <div ng-repeat="files in fileGroups" class="row">
                <div class="col-md-12">
                    <div class="btn-group">
                        <span title="{{file.description}}" class="btn btn-default" ng-repeat="file in files" ng-if="file.source" ng-class="{active:isActive(file)}" ng-click="setActive(file)">
    {{file.name}}
  </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <select class="form-control" ng-model="hlcsstype">
                <option ng-repeat="type in hlcsstypes">{{type}}</option>
            </select>
        </div>
    </div>
    <div class="tab-content tab-bordered">
        <div ng-repeat="files in fileGroups">
            <div ng-repeat="file in files" class="source tab-panel" ng-class="{hidden: !isActive(file)}" ng-if="file.source">
                <div hljs source="file.source" language="{{file.type}}"></div>
            </div>
        </div>
    </div>
</div>
